@charset "UTF-8";
html, body { font-family: "Microsoft Yahei"; }

.fq-del2 { cursor: pointer; }

ul li { list-style: none; }

.padding40 { padding: 0 40px; }

.fl { float: left; }

.fr { float: right; }

.mr20 { margin-right: 20px; }

.pt20 { padding-top: 20px; }

.fz12 { font-size: 12px; }

.redFont { color: #ed738c; }

.noBoxSAndBor { box-shadow: none; border: 0; }
.noBoxSAndBor .box-header.with-border { border-bottom: 0; }

.plr50 { padding: 0 50px; }

.fq-tj-boxOne { margin-bottom: 40px; }

.fq-tj-boxTwo { margin-bottom: 20px; }

.fq-tj-boxThree { padding-top: 10px; margin-bottom: 30px; }

.fq-select-tj { margin-bottom: 10px; }

.fq-tj-state { overflow: hidden; width: 92px; height: 26px; border: 1px solid #ff335c; border-radius: 2px; margin-bottom: 20px; }
.fq-tj-state a { float: left; width: 45px; text-align: center; height: 24px; line-height: 24px; color: #ff335c; background: #fff; }
.fq-tj-state .active { color: #fff; background: #ff335c; }

.fq-all-tj { padding: 11px 74px 12px 20px; line-height: 14px; font-size: 14px; border: 1px solid #ccc; background: #f5f7fa; position: relative; }

.fq-del { position: absolute; right: -6px; top: 10px; font-size: 16px; cursor: pointer; }

.fq-condition > span { display: inline-block; width: 80px; font-size: 14px; line-height: 24px; color: #5e5e5e; font-weight: bold; font-family: "Microsoft Yahei"; }
.fq-condition > a { display: inline-block; margin: 0 10px; font-size: 14px; line-height: 24px; color: #5e5e5e; font-family: "Microsoft Yahei"; }
.fq-condition > a.active { color: #ff6767; }

.main-header .sidebar-home:before { content: "\f015"; }

.fq-charts1 { padding: 10px; }

.fq-drawTJ { height: 24px; line-height: 24px; font-size: 14px; margin-bottom: 10px; }
.fq-drawTJ a { display: inline-block; margin-right: 10px; padding: 0 20px; color: #647178; background: #fff; border-radius: 12px; border: 1px solid #f2f6f9; }
.fq-drawTJ .active { background: #fff; color: #ff335c; border: 1px solid #ff335c; }

.mb0 { margin-bottom: 0; }

.mb20 { margin-bottom: 20px; }

.mb40 { margin-bottom: 40px; }

.fq-col1 { height: 210px; }

.fq-pieBox { overflow: hidden; }
.fq-pieBox .fq-pie1 { float: left; width: 200px; height: 200px; margin-right: 30px; }
.fq-pieBox .fq-pieLegend { overflow: hidden; float: left; }

.fq-col2Box { height: 582px; }
.fq-col2Box .fq-col2Msg { margin-bottom: 10px; font-size: 14px; line-height: 20px; height: 20px; }
.fq-col2Box .mb30 { margin-bottom: 30px; }
.fq-col2Box .fq-col2 { height: 230px; margin-bottom: 20px; }
.fq-col2Box .fq-col2 .fq-progress-bar { text-align: center; margin-bottom: 26px; }
.fq-col2Box .fq-col2 .fq-progress-bar .fq-pb-box { display: inline-block; width: 70%; height: 6px; border-radius: 3px; background: #f5f7fa; position: relative; margin-right: 10px; margin-top: 5px; }
.fq-col2Box .fq-col2 .fq-progress-bar .fq-pb-box .fq-pb { background: #9384ed; border-radius: 3px; height: 6px; position: absolute; left: 0; top: 0; }
.fq-col2Box .fq-col2 .fq-progress-bar .fq-pb-box .fq-pb-name { width: 50px; text-align: right; font-size: 12px; color: #909cb1; position: absolute; left: -60px; top: -5px; }
.fq-col2Box .fq-col2 .fq-progress-bar .fq-pb-box .fq-bl { color: #4a4ce5; font-size: 14px; position: absolute; left: 20px; top: -20px; }
.fq-col2Box .fq-col2 .fq-progress-bar .fq-pb-box .fq-pb-num { font-size: 12px; color: #909cb1; text-align: right; width: 60px; position: absolute; right: -70px; top: -5px; }

.fq-allZHL { text-align: center; margin-bottom: 30px; }
.fq-allZHL span { font-size: 18px; color: #ff345c; }

.fq-tab-tit { margin-bottom: 30px; padding-top: 20px; }
.fq-tab-tit li { float: left; margin-right: 30px; }
.fq-tab-tit li a { color: #6f7380; font-size: 16px; font-weight: bold; padding-bottom: 5px; display: inline-block; }
.fq-tab-tit .active a { color: #ff335c; border-bottom: 2px solid #ff335c; }

.fq-tableBox { margin-bottom: 30px; }
.fq-tableBox th { text-align: center; height: 36px; background: #fafbff; line-height: 36px; color: #78797e; font-weight: normal; font-size: 14px; }
.fq-tableBox td { font-size: 14px; color: #989898; height: 36px; border-bottom: 1px solid #efefef; text-align: center; }
.fq-tableBox .tableTip { font-style: normal; display: inline-block; width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; line-height: 36px; height: 36px; }

.fq-pageBox { padding-bottom: 40px; }
.fq-pageBox .ml50 { margin-left: 50px; }
.fq-pageBox .mr20 { margin-right: 20px; }
.fq-pageBox a { display: inline-block; height: 40px; line-height: 40px; padding: 0 10px; color: #5e5e5e; font-size: 14px; font-family: Arial; font-weight: bold; }
.fq-pageBox a.active { color: #ff335c; }
.fq-pageBox span { display: inline-block; height: 40px; line-height: 40px; padding: 0 10px; color: #5e5e5e; font-size: 14px; font-family: Arial; font-weight: bold; }

.fq-body .sidebar-form { margin-bottom: 20px; }
.fq-body .sidebar-form input[type="text"] { background: #fff; }
.fq-body .sidebar-form .btn { background-color: #374850; color: #fff; }

.fq-body .sidebar-form input[type="text"]:focus + .input-group-btn .btn { background-color: #374850; color: #fff; }

.fq-conditionalScreening { border-radius: 3px; margin: 10px 10px 20px; }
.fq-conditionalScreening .fq-condScrBox { height: 470px; border: 1px solid #edf0f6; }
.fq-conditionalScreening .hAuto { height: auto; border: 0; }
.fq-conditionalScreening .fq-csBox { width: 33%; height: 100%; position: relative; }
.fq-conditionalScreening .fq-csBox .rBor { height: 100%; width: 1px; background: #edf0f6; position: absolute; top: 0; right: 0; }
.fq-conditionalScreening .fq-last-csBox { width: 34%; }
.fq-conditionalScreening .fq-csTit { height: auto; line-height: 36px; }
.fq-conditionalScreening .fq-csTit .fq-tj-state { display: inline-block; vertical-align: middle; width: 162px; height: 36px; margin-bottom: 5px; }
.fq-conditionalScreening .fq-csTit .fq-tj-state a { font-size: 12px; width: 80px; height: 36px; line-height: 34px; }
.fq-conditionalScreening .fq-csTit span { padding-left: 6%; color: #5e5e5e; height: 36px; line-height: 36px; margin-right: 5px; font-weight: bold; margin-bottom: 5px; }
.fq-conditionalScreening .fq-csTit input { display: inline-block; vertical-align: middle; height: 36px; line-height: 36px; color: #a5a5a5; border: 1px solid #c3c9d5; padding: 0 5px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; margin-bottom: 5px; }
.fq-conditionalScreening .fq-csTit input:focus { box-shadow: 0 0 5px #5b9fe2; border-color: #5b9fe2; }
.fq-conditionalScreening .fq-csTit .plB6 { padding-left: 6%; }
.fq-conditionalScreening .fq-csTit .aBtnBox { display: inline-block; vertical-align: middle; margin-bottom: 5px; }
.fq-conditionalScreening .fq-csTit .aBtnBox a { display: inline-block; font-size: 12px; float: left; width: 60px; text-align: center; height: 36px; line-height: 34px; background: #fff; color: #ff335c; border-radius: 2px; margin-right: 5px; border: 1px solid #ff335c; }
.fq-conditionalScreening .fq-csTit .aBtnBox .active { background: #ff335c; color: #fff; border: 1px solid #ff335c; }
.fq-conditionalScreening ul { padding-left: 0; margin-top: 10px; height: 460px; margin-bottom: 0; }
.fq-conditionalScreening ul li { list-style: none; height: 30px; line-height: 30px; overflow: hidden; cursor: pointer; padding-left: 6%; }
.fq-conditionalScreening ul li input[type="checkbox"] { float: left; width: 14px; height: 14px; }
.fq-conditionalScreening ul li a { float: left; height: 100%; margin-left: 0; color: #5e5e5e; }
.fq-conditionalScreening ul li span { float: right; padding-right: 4%; font-family: Simsun; }
.fq-conditionalScreening ul li:hover { background: #fafbff; }
.fq-conditionalScreening ul .active { background: #f5f7fa; }
.fq-conditionalScreening ul .active:hover { background: #f5f7fa; }
.fq-conditionalScreening .fq-allTJ li span { float: left; }
.fq-conditionalScreening .fq-allTJ li i { float: right; padding-right: 4%; margin-top: 6px; }

.fq-bqzlj { border-radius: 3px; margin: 10px 10px 20px; border: 1px solid #edf0f6; padding: 10px 40px; min-height: 100px; }
.fq-bqzlj strong { font-size: 14px; color: #5e5e5e; font-weight: bold; line-height: 20px; }
.fq-bqzlj span { font-size: 14px; color: #5e5e5e; line-height: 20px; }

.fq-statistics { height: 28px; line-height: 28px; padding-left: 40px; margin-bottom: 20px; }
.fq-statistics .fq-zwf { width: 129px; }
.fq-statistics i { color: #a5a5a5; margin-right: 5px; }
.fq-statistics span { color: #ff335c; }
.fq-statistics p { display: inline-block; vertical-align: middle; font-size: 14px; color: #5e5e5e; margin-bottom: 0; }
.fq-statistics .fq-tj-state { margin: 0 20px 0 0; line-height: 22px; }
.fq-statistics .w800 { width: 800px; text-align: left; }
.fq-statistics .w800 .mr10 { margin-right: 10px; }
.fq-statistics .w800 .w528 { width: 528px; }
.fq-statistics input { width: 238px; height: 36px; background: #fff; font-size: 14px; line-height: 36px; padding: 0 10px; border: 1px solid #c3c9d5; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.fq-statistics input:focus { box-shadow: 0 0 5px #5b9fe2; border-color: #5b9fe2; }
.fq-statistics div { display: inline-block; vertical-align: middle; }

.pl0 { padding-left: 0; }

.pb40 { padding-bottom: 40px; }

.fq-btnBox { text-align: center; }
.fq-btnBox .fq-btn-block { display: inline-block; width: 90px; height: 36px; line-height: 36px; vertical-align: middle; margin: 0 5px; border: 0; padding: 0; font-size: 14px; }
.fq-btnBox .fq-btn-block-red { color: #fff; background: url("i/fqred.png") no-repeat; }
.fq-btnBox .fq-btn-block-red2 { color: #fff; background: url("i/fqred2.png") no-repeat; }
.fq-btnBox .fq-btn-block-gray { color: #fff; background: url("i/fqgray.png") no-repeat; }

.fq-screen-box > li { margin-right: 20px; margin-bottom: 20px; }

.fq-tj-name { line-height: 40px; margin-right: 10px; }

.fq-tj-bigName { margin-right: 20px; line-height: 40px; }

.fq-tj-bigName-lh26 { line-height: 26px; margin-right: 20px; width: 90px; text-align: right; }
.fq-tj-bigName-lh26 span { font-size: 16px; display: inline-block; vertical-align: middle; }
.fq-tj-bigName-lh26 i { color: #a5a5a5; }

.fq-tj-bigName-fz12 { line-height: 38px; font-size: 14px; margin-right: 20px; color: #647178; width: 90px; text-align: right; }

.mr10 { margin-right: 10px; }

.mb5 { margin-bottom: 5px; }

.fq-tht { margin-bottom: 10px; }

.fq-inputBox input { width: 238px; height: 38px; background: #fff; font-size: 14px; line-height: 38px; padding: 0 10px; border: 1px solid #c3c9d5; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.fq-inputBox input:focus { box-shadow: 0 0 5px #5b9fe2; border-color: #5b9fe2; }
.fq-inputBox .w498 { width: 498px; }

.fq-last-font { line-height: 40px; font-size: 14px; margin-right: 20px; color: #647178; }

/*按钮*/
.mt2 { margin-top: 2px; }

.redBtn { line-height: 36px; width: 90px; height: 36px; background: #ff355c; border-radius: 2px; color: #fff; display: inline-block; text-align: center; }
.redBtn:hover { color: #fff; }

.disabledBtn { line-height: 36px; width: 90px; height: 36px; background: #c9d6e6; border-radius: 2px; color: #fff; display: inline-block; text-align: center; }
.disabledBtn:hover { color: #fff; }

.btnH40 { height: 38px; line-height: 38px; }

.preservation { padding-top: 6px; }
.preservation .fq-msg { font-size: 12px; line-height: 12px; color: #909cb1; display: inline-block; vertical-align: middle; margin-right: 30px; }
.preservation .fq-msg b { color: #252a30; font-weight: normal; }
.preservation .preservationBtn { display: inline-block; width: 110px; height: 36px; line-height: 36px; color: #fff; text-align: center; background: url("i/fqred3.png") no-repeat; font-size: 14px; vertical-align: middle; }

.fq-tc { text-align: center; }

.fq-tl { text-align: left; }

.fq-AllData { padding-top: 20px; }

.fq-dataBox { display: inline-block; text-align: left; height: 52px; margin-bottom: 20px; width: 198px; padding-left: 20px; }
.fq-dataBox .fq-dbName { margin-bottom: 10px; height: 20px; }
.fq-dataBox .fq-dbName span { color: #647178; font-size: 14px; line-height: 14px; display: inline-block; vertical-align: middle; -webkit-transition: font-size 0.2s ease-out; }
@media only screen and (max-width: 1920px) { .fq-dataBox .fq-dbName span { font-size: 14px; } }
@media only screen and (max-width: 1400px) { .fq-dataBox .fq-dbName span { font-size: 12px; } }
.fq-dataBox .fq-dbName i { color: #a5a5a5; }
.fq-dataBox .fq-dbCont { height: 32px; }
.fq-dataBox .fq-dbCont span { font-size: 14px; line-height: 26px; }
.fq-dataBox .fq-dbCont span b { font-size: 26px; }
.fq-dataBox .fq-dbCont span.redFont { color: #ff335c; }
.fq-dataBox .fq-dbCont span.greenFont { color: #00c98e; }
.fq-dataBox .fq-dbCont span.grayFont { color: #a5a5a5; }
@media only screen and (max-width: 1920px) { .fq-dataBox .fq-dbCont span { font-size: 14px; }
  .fq-dataBox .fq-dbCont span b { font-size: 26px; } }
@media only screen and (max-width: 1400px) { .fq-dataBox .fq-dbCont span { font-size: 12px; }
  .fq-dataBox .fq-dbCont span b { font-size: 24px; } }
